﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="multi_upload.aspx.cs" Inherits="Token.Piker.Web.multi_upload" %>

<%@ Register TagPrefix="uc" TagName="ucFoot" Src="~/uc/foot.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>组图上传</title>
        <link href="css/upload/global.css" rel="stylesheet" type="text/css" />
        <link href="css/upload/multi_upload.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/bootstrap.css" rel="stylesheet"/>
        <style type ="text/css">
            .Upload-img .textarea-div{
                height:80px;width:400px;display: none;
            }
            #New-Album {
                display: none;
            }
        </style>
    </head>
    <body>
        <!---头部--->
        <div class="header_top">
        <div class="header fix">
            <div class="f_l">
                <a href="<%= ResolveClientUrl("~/Default.aspx") %>">
                    <img src="../images/logo.png" alt="皮壳网Logo" /></a>
            </div>
            <div class="piker-nav f_l">
                <ul>
                    <li><a href="<%= ResolveClientUrl("~/Default.aspx") %>">首页</a> </li>
                    <li><a href="<%= ResolveClientUrl("~/Classify.aspx") %>">分类相册</a> </li>
                    <li><a href="<%= ResolveClientUrl("~/Activity.aspx") %>">画题</a> </li>
                    <li><a href="<%= ResolveClientUrl("~/album_list.aspx") %>">校园新闻图片库</a> </li>
                    <li><a href="<%= ResolveClientUrl("~/CertainPiker.aspx") %>">Piker'S</a> </li>
                    <li><a href="<%= ResolveClientUrl("~/Top.aspx") %>">Top</a> </li>
                </ul>
            </div>
            <div class="p_link f_r">
                <ul id="top_right">
                    <li>欢迎您 <a href ="#"><%= Username %></a></li>
                </ul>
            </div>
        </div>
    </div>
        <!---头部结束--->
        <div class="main_box">
            <div class="name"><img src="images/zutu2.png" />
            </div>
            
            <div class="content">
                <form action='Ajax/upload.ashx?op=multi' class='up-form' target="result" method="post" name = "upload" id="upload" enctype="multipart/form-data"> 
                <div class="content_a Upload-img">
                    <div id = "img-area"></div>
                    <div style="clear: both"></div>
                    <div class="tj">
                        
                        <input type="file" id="uploadfile" name = "uploadfile" multiple  hidefocus="true" style="width:180px; height: 70px;opacity:0;margin-left: 750px;position: absolute;cursor:pointer;" />
                        <a href="#"><img src="images/tianjia.png" /></a>
                    </div>
                    
                </div>
                
                </form>
               <form>
                   <div id = "Issue-info">
                        <div>
                           <div id = "album-text"><span>相册：</span></div>
                            <div class='classify' id = "dropdown-album" style="float: left">
                                <ul class="nav nav-pills">
                                    <li class="dropdown">
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">选择相册 <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li tagid="-1"><a>新建相册</a></li>
                                        <li class="divider"></li>
                                    
                                    </ul>
                                    </li>
                                </ul>
                            </div>
                            <div id="album-position"> 
                                <span>拍摄地点 ：
                                    <input id = "text-position" style='height:22px' value=''/>
                                    <p style='display:inline;color:#00ca00'>
                                        例如 ：湖北 武汉
                                    </p></span>

                            </div>
                            
                            <div style="clear: both"></div>
                       </div>
                       <div>
                            <div id = "New-Album">
                                <span>新建相册：
                                    <input id = "text-album" style='height:22px' value=''/>
                                </span>
                            </div>
                       </div>

                       <div>
                           <div id = "Issue-info-style">
                               <div style="margin-bottom: 6px"> 分类<font color=Red>*</font>
                                    <p style='display:inline;margin-left:5px; color:#00ca00'>
                                        (两种分类方式至少选择一种)
                                    </p></div>
                                    
                                          
                                <div>
                                    <span class='select'> 按内容：</span>
                                    <div class='classify' id = "dropdown-cont" style="float: left;height: 40px;">
                                        <ul class="nav nav-pills">
                                            <li class="dropdown">
                                            <a class="dropdown-toggle" data-toggle="dropdown" href="#" tagid = "1">按内容 <b class="caret"></b></a>
                                            <ul class="dropdown-menu">
                                                
                                            </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <div style="clear: both"></div>
                                </div>

                                <div>
                                    <span class='select'> 按风格：</span>
                                    <div class='classify' id = "dropdown-style"  style="float: left;height: 36px;">
                                        <ul class="nav nav-pills">
                                        <li class="dropdown">
                                          <a class="dropdown-toggle" data-toggle="dropdown" href="#">按风格 <b class="caret"></b></a>
                                          <ul class="dropdown-menu">
                                            
                                          </ul>
                                        </li>
                                    </ul>
                                    </div> 
                                    <div style="clear: both"></div>
                                </div>
   
                           
                            </div>
                            <div id="Issue-info-desp">
                                <div class='description'>
                                    <p>
                                        照片描述：
                                    </p>                         
                                    <textarea type="text" id = "text-descrip" wrap="virtual" maxlength=500 value="字数不多于500" style="font-size:10px;color:#8c8c8c;height:70px;width:400px;"></textarea>
                                </div>
                            </div>
                            <div style="clear: both"></div>
                       </div>
                       
                   </div>
          
                <div class="content_b">
                    
                    <a href="#"><img id="issue-button" src="images/fabu.png"></a>
                </div>
                </form>
            </div>
             
        </div>

        <iframe id = "result" name="result"></iframe>
        <uc:ucFoot ID="uc2" runat="server" />
        <script src="assets/js/jquery.js"></script>
        <script type= "text/javascript" src="assets/js/bootstrap-dropdown.js"></script>
        <script type= "text/javascript" src ="js/Application.js" charset = "utf-8"></script>
        <script type= "text/javascript" src ="js/Upload.js" charset = "utf-8"></script>
    </body>

